<style>
.ainuo_newsnav{ height:40px; line-height:40px;}
.ainuo_newsnav li{ float:left; width:auto; font-size:15px;}
.ainuo_newsnav li a{ display:block; padding:0 10px;}
.ainuo_newsnav li.a a{ color:#f23030; border-bottom:1px solid #f23030;}
.ainuo_piclist{}
.ainuo_piclist li{ border-bottom:1px solid #eee; background:#fff; padding-right:10px;}
.ainuo_piclist li a{ display:block;}
.ainuo_piclist li .asub{ position:relative; display:flex;}
.ainuo_piclist li .asub .atitle{ font-size:16px; line-height:56px; height:56px; overflow:hidden;padding:0 10px; overflow:hidden; width:100%;}
.ainuo_piclist li .amusic{ float:right; width:26px; margin-top:15px;}
.ainuo_piclist li .amusic .ainuo_audio{}
.ainuo_piclist li .amusic .ainuo_audio #audio_id{background:#fff;}
.ainuo_audio .audiojs{ width:26px; border-radius:50%;height:26px; padding:0;background-image:none; background:#77cd23; box-shadow:none;}
.ainuo_audio .audiojs .scrubber,.ainuo_audio .audiojs .time{ display:none;}
.ainuo_audio .audiojs .play-pause{ width:26px; padding:0; border:none;}
.ainuo_audio .audiojs p{ height:25px;}
</style>
<script src="template/qu_app/touch/style/audio/audio.min.js?{VERHASH}"></script>
<script>
//音频初始化
audiojs.events.ready(function() {
	audiojs.createAll();
});
</script>
<!--{template html/listheader}-->
<!--{template common/top_fix}-->

<!--{if ($_G['forum']['threadtypes'] && $_G['forum']['threadtypes']['listable']) || count($_G['forum']['threadsorts']['types']) > 0}-->
<div class="ainuo_newsnav cl">
    <div id="ainuo_newsnav" class="swiper-container-horizontal swiper-container-free-mode">
        <ul class="swiper-wrapper">
        	<li {if !$_GET['typeid'] && !$_GET['sortid']}class="swiper-slide a"{else}class="swiper-slide"{/if}><a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_G['forum']['threadsorts']['defaultshow']}&filter=sortall&sortall=1{/if}{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}">{lang all}</a></li>
            <!--{if $_G['forum']['threadtypes']}-->
                <!--{loop $_G['forum']['threadtypes']['types'] $id $name}-->
                    <!--{if $_GET['typeid'] == $id}-->
                    <li class="swiper-slide a"><a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_GET['sortid']}&filter=sortid&sortid=$_GET['sortid']{/if}{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}">$name</a></li>
                    <!--{else}-->
                    <li class="swiper-slide"><a href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=typeid&typeid=$id$forumdisplayadd[typeid]{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}">$name</a></li>
                    <!--{/if}-->
                <!--{/loop}-->
            <!--{/if}-->
        </ul>
    </div>
</div>
<div class="grey_line cl"></div>

<script type="text/javascript">

if($("#ainuo_newsnav .a").length > 0) {
	var ainuo_first = $("#ainuo_newsnav .a").offset().left + $("#ainuo_newsnav .a").width() >= $(window).width() ? $("#ainuo_newsnav .a").index() : 0;
}else{
	var ainuo_first = 0;
}	
mySwiper = new Swiper('#ainuo_newsnav', {
	freeMode : true,
	slidesPerView : 'auto',
	initialSlide : ainuo_first,
});
</script>
<!--{/if}-->


<!--{if empty($_G['forum']['sortmode'])}-->
    <!--{if $_G['forum_threadcount']}-->
    <div class="ainuo_piclist cl">
        <ul id="ainuoloadmore" class="ainuoloadmore">
			<!--{subtemplate html/music_list}-->
        </ul>
    </div>
    <!--{else}-->
    <div class="ainuoemp">{lang forum_nothreads}</div>
    <!--{/if}-->

<!--{else}-->
    <!--{subtemplate forum/forumdisplay_sort}-->
<!--{/if}-->
{if $pagestyle == 1}
<div id="ainuoloadempty"></div>
<!--{if $_G[forum][threads] && ($_G[forum][threads] > $_G[tpp])}-->
<div id="loading" class="loading G-animate-load-wrap">
	<div class="load-loading"><span class="loading02"></span> <span class="load-word">$alang_loading</span></div>
</div>
<!--{/if}-->
{else}
$multipage
{/if}